﻿
@{
    ViewBag.Title = "Index";
}
<style type="text/css">
    .search-appointment {
        width: 90%;
        margin: 0px auto;
    }

    .search-appointment-table {
        width: 100%;
    }

        .search-appointment-table td {
            padding: 5px;
        }
</style>
<div class="search-appointment">
    <table align="center" class="search-appointment-table">
        <tr>
            <td align="right">日期:</td>
            <td>
                <input type="text" class="layui-input" id="txt-Search-Appointment-Date" maxlength="10"
                       readonly="readonly" placeholder="yyyy-MM-dd" />
            </td>
        </tr>
        <tr>
            <td align="right">姓名:</td>
            <td>
                <input type="text" class="layui-input" id="txt-Search-Appointment-Name"
                       maxlength="10" />
            </td>
        </tr>
        <tr>
            <td>&nbsp;&nbsp;</td>
            <td>
                <button type="button" id="btn-Search-Appointment-OK" class="layui-btn layui-btn-normal">
                    <i class="layui-icon layui-icon-search"></i>查 询
                </button>
            </td>
        </tr>
    </table>
</div>
<style type="text/css">
    .appointment-statistics {
        width: 90%;
        margin: 0px auto;
        margin-top: 20px;
    }

    .appointment-statistics-table {
        width: 100%;
        border: 1px solid #dddddd;
    }

        .appointment-statistics-table td {
            padding: 10px;
        }
</style>
<div class="appointment-statistics">
    <table align="center" class="appointment-statistics-table">
        <tr>
            <td align="right" valign="middle" width="50%">预约人数:</td>
            <td valign="middle"><label id="AppointmentStatisticsCount"></label></td>
        </tr>
    </table>
</div>
<style type="text/css">
    .appointment-list {
        width: 90%;
        margin: 0px auto;
        margin-top: 20px;
        padding-bottom: 20px;
    }

        .appointment-list table:first-child {
            margin-top: 0px;
        }

    .appointment-list-table {
        width: 100%;
        border: 1px solid #dddddd;
        margin-top: 20px;
    }

        .appointment-list-table tr {
            border-bottom: 1px dashed #dddddd;
        }

        .appointment-list-table td {
            padding: 5px;
            font-size: 16px;
        }
</style>
<div class="appointment-list" id="AppointmentList">

</div>
<script type="text/html" id="AppointmentListTableDlg">
    <table align="center" class="appointment-list-table">
        <tr>
            <td align="right" width="100" valign="middle">姓名:</td>
            <td valign="middle">{{Name}}</td>
        </tr>
        <tr>
            <td align="right" valign="middle">邀请码:</td>
            <td valign="middle">{{InvitationCode}}</td>
        </tr>
        <tr>
            <td align="right" valign="middle">手机号码:</td>
            <td valign="middle">{{Phone}}</td>
        </tr>
        <tr>
            <td align="right" valign="middle">预约类型:</td>
            <td valign="middle">{{Type}}</td>
        </tr>
        <tr>
            <td align="right" valign="middle">预约时间:</td>
            <td valign="middle">{{Time}}</td>
        </tr>
    </table>
</script>
<script type="text/javascript" src="~/Static/Js/shopmanage/appointment.js?rand=01"></script>